// 布局相关
$PandingAndMarginSpace: 2 !default;

// style config
$title_b: #f8f8f8 !default; //标题栏背景色
$side_b: #f4f4f4 !default; //描边 & 模块分割底色
$side_strong: #cacaca !default; //按钮描边

$divider_b: #e5e5e5 !default; //divider分割线
$hint_b: #999 !default; //hint & disable
$icon_b: #666666 !default; //icon & secondary
$text_b: #222222 !default; //text
$divider_w: rgba(white, 0.12) !default; //divider
$hint_w: rgba(white, 0.3) !default; //hint disable
$icon_w: rgba(white, 0.7) !default; //icon secondary
$text_w: rgb(255, 255, 255) !default; //text
//color-ji
// $title_b:#f7f7f7 !default;
//mei
// $mei_red:#e74c75 !default;
//status
$success_green: #03c4bc !default;
$fail_red: #ff4444 !default;
$warn_yellow: #fab700 !default;
$common_blue: #25b1fb !default;
$disable: #898183 !default;

$disable_bg: #f7f8f9;
$disable_c: #b3b9c1;
$readOnly_c: #787e85;
$readOnly_bg: #f7f8f9;
//shadow
$shadow_color: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 4px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.2) !default;
//paper
$paper_bg: #fff !default;
$paper_color: $text_b !default;

// Gobal
$w_space: -5px !default;
$theme_color: #ff6600 !default;

// input
$input_border_color: $divider_b !default;
$input_outline_color: $theme_color !default;
$input_radius: 0px !default;
$input_fs: 14px !default;
$placeholder_b: #cccccc !default; //input 级别的提示
$placeholder_fs: 14px !default;
$checkbox_default_bg: #f6f8f9 !default;
$checkbox_default_c: inherit !default;
$checkbox_focus_bg: $theme_color !default;
$checkbox_focus_c: inherit !default;
$select_hover_color: $text_b !default;
$select_down_color: $hint_b !default;
$select_option_bg: #fff !default;
$select_highligh: $theme_color !default;
$select_option_hover_bg: #f6f8f9 !default;

// btn
$hoverWaveColor: $theme_color !default;
$btn_radius: 3px !default;
$btn_action_radius: 50px !default;
$btn_fs: 12px !default;

// table
$table_odd_bg: #f6f8f9 !default;
$table_header_bg: #fff !default;
$table_header_c: #787e85 !default;
$table_header_fs: 14px !default;
$table_hover: #e8ebed !default;
$table_title_padding: 24px !default;
$table_item_padding: 12px !default;
$table_list_border_color: transparent !default;

$paging_c: $text_b !default;
$paging_b: $divider_b !default;
$paging_bg: transparent !default;
$paging_hover_bg: $table_odd_bg !default;
$paging_hover_b: $paging_hover_bg !default;
$paging_hover_c: $paging_c !default;
// steps
$steps_bar_bg: $table_odd_bg !default;

// tab
$tab_top_color: $side_b !default;
$tab_active_color: $theme_color !default;

// var of self
// --------------------------------------------------
// Google design color
$blue: rgba(52, 152, 219, 1) !default;
$blue_d: rgba(41, 128, 185, 1) !default;
$cyan: rgba(26, 188, 156, 1) !default;
$cyan_d: rgba(22, 160, 133, 1) !default;
$green: rgba(31, 204, 123, 1) !default;
$green_d: rgba(39, 174, 96, 1) !default;
$purple: rgba(155, 89, 182, 1) !default;
$purple_d: rgba(142, 68, 173, 1) !default;
$black: rgba(52, 73, 94, 1) !default;
$black_d: rgba(44, 62, 80, 1) !default;
$yellow: rgba(241, 196, 15, 1) !default;
$yellow_d: rgba(243, 156, 18, 1) !default;
$orange: rgba(255, 164, 4, 1) !default;
$orange_d: rgba(211, 84, 0, 1) !default;
$red: rgba(231, 76, 60, 1) !default;
$red_d: rgba(192, 57, 43, 1) !default;
$white: rgba(236, 240, 241, 1) !default;
$white_d: rgba(189, 195, 199, 1) !default;
$grey: rgba(149, 165, 166, 1) !default;
$grey_d: rgba(127, 140, 141, 1) !default;
$pink: rgba(233, 30, 99, 1) !default;
//base
$base_color: rgba(241, 241, 241, 1) !default;
$tran: rgba(221, 221, 221, 1) !default;
//text color
$divider_b: rgba(black, 0.12) !default; //divider
$hint_b: rgba(black, 0.26) !default; //hint disable
$icon_b: rgba(black, 0.54) !default; //icon secondary
$text_b: rgba(black, 0.87) !default; //text
$divider_w: rgba(white, 0.12) !default; //divider
$hint_w: rgba(white, 0.3) !default; //hint disable
$icon_w: rgba(white, 0.7) !default; //icon secondary
$text_w: rgb(255, 255, 255) !default; //text
//scale set
$w_space: -5px !default;
$lh_base: 16 !default; //line-height-base
$wid_base: 72 !default; //width-base
$p_base: 8 !default; //padding&margin-base
//color
$paper_color: #fff !default;
$bor_color: #ccc !default;
$shadow_color: rgba(0, 0, 0, 0.1) !default;
$tp_color: rgba(0, 0, 0, 0) !default;
//input
$tri_color: #ccc !default;

$b_input_down: $theme_color !default;
$c_input_down: $text_b !default;
$placeholder_input_down: $grey !default;
$c_input_ps: $red !default;
$color_input_main: $theme_color !default;

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: $placeholder_b;
	// font-size: $placeholder_fs;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: $placeholder_b;
	// font-size: $placeholder_fs;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: $placeholder_b;
	// font-size: $placeholder_fs;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: $placeholder_b;
	// font-size: $placeholder_fs;
}

[scrollbar='normal']::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 2px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 8px;
}

[scrollbar='normal']::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 2px;
	/* -webkit-box-shadow: inset 0 0 5px #fafafa; */
	background: #f4f4f4;
}

[scrollbar='normal']::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	/* -webkit-box-shadow: inset 0 0 5px #fafafa; */
	border-radius: 2px;
	background: transparent;
}

[tableHover='normal'] {
	transition: background-color 0.3s;

	&:hover {
		background-color: rgba($color: $theme_color, $alpha: 0.1);
	}
}
